<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <jsp:include page="backend/inc/js.jsp"/>
    <!-- AdminLTE App -->
    <script src="static/login/js/login.js"></script>
    <!-- CSS -->
    <link rel="stylesheet" href="static/login/css/reset.css">
    <link rel="stylesheet" href="static/login/css/supersized.css">
    <link rel="stylesheet" href="static/login/css/style.css">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>

<body oncontextmenu="return false">

<div class="page-container">
    <h1>智能环境监测平台</h1>

    <form id="loginForm" action="login/check" method="post" onsubmit="return checkForm()">
        <div>
            <input type="text" style="border-color: #ffffff" name="account" class="username" placeholder="账号"
                   autocomplete="off"/>
        </div>
        <div>
            <input type="password" style="border-color: #ffffff" name="password" class="password" placeholder="密码"/>
        </div>
        <div>
            <input type="text" style="border-color: #ffffff;width: 45%;float: left;margin-right: 5%;" id="verifyCode" name="verifyCode" placeholder="验证码"/>
            <img src="" style="margin-top: 4px;cursor: pointer;" id="code" onclick="loadVerifyCode()">
        </div>
        <div style="margin-bottom: 15px;">
            <span id="errorInfo">${error}</span>
        </div>
        <button type="submit" style="margin-top: 0;">登 录</button>
    </form>
</div>

<!-- Javascript -->
<script src="static/js/jquery.min.js"></script>
<script src="static/login/js/supersized.3.2.7.min.js"></script>
<script src="static/login/js/supersized-init.js"></script>
</body>
</html>